
<template>
    <div class="app-product-home ">
        <router-link tag="a" class="image-wrap" v-for="appProductItem in appProductItems" :key="appProductItem.biMark" :to="{name: 'plist',query:{goodsId: appProductItem.goodsId}}" >
           <img :src="appProductItem.imgUrl" alt="">
        </router-link>
        <!-- <a href="#" class="image-wrap" v-for="appProductItem in appProductItems" :key="appProductItem.biMark">
       </a> -->
    </div>

</template>

<script>
    import {mapActions,mapGetters,mapMutations,mapState} from "vuex"
    export default {
        computed: {
            
            ...mapGetters("Home",["appProductItems"])
        //   function(){
              
        //   }
        //    this.$store.getters["Home/appProductItems"]


        }
    }

</script>

<style lang="stylus">
    .app-product-home 
        height 1.7196rem
        .image-wrap
            display inline-block
            width   20%
            height  50%
            img 
                width 100%
                height 100%

</style>